<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
    <head>
        <title></title>
        <meta charset="utf-8">
        <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <link rel="stylesheet" href="css/fonts/font-awesome.min.css">
        <link rel="stylesheet" href="css/ui-box.css">
        <link rel="stylesheet" href="css/ui-base.css">
        <link rel="stylesheet" href="css/ui-color.css">
        <link rel="stylesheet" href="css/appcan.icon.css">
        <link rel="stylesheet" href="css/appcan.control.css">
        <link rel="stylesheet" href="css/bjscPage.css">
    </head>
    <body class="um-vp bc-bg" ontouchstart style="background:#F0F0F0">
    	<!--页面中的切换按钮-->
       <!-- <div class="page_tab ub">
        	<div class="tabs ub ub-ac ub-pc">
        		<div class="tab_btn ub ub-ac ub-pc">
        		升舱航班
	        	</div>
	        	<div class="tab_btn ub ub-ac ub-pc">
	        		未升舱航班
	        	</div>

	        	</div>
        	<div class="scr_line">
        		
        	</div>
        </div>-->
        <!--页面详情-->
        <div class="page_box" onclick="closeSort()" style="height:100%;border:0px solid #ccc" id="page_box">
        	<div class="page_select ub ub-ver">
                <!--<div class="page_1 ub" >
                    <div class="page_left ub ub-ver">
                        <div class="hb_title ub">
                            <span>MU5385</span>&nbsp;
                            <i>73E</i>
                        </div>
                        <div class="page_list ub ub-ver">
                            <div  class="ub ub-ac" style="min-height:2.5em">
                                <div class="page_l" >
                                      上海虹桥
                                </div>
                                <div class="page_m fly_log ub ub-ac ub-pc" >
                                    <div class="fly_bg_line">
                                                            
                                    </div>
                                    <div class="fl_img">
                                    </div>
                                </div>
                                <div class="page_r ub ub-pe" >
                                   郑州新郑
                                </div>
                            </div>
                            <div class="ub ub-ae" style="min-height:2em">
                                <div class="page_l patxt ub ub-ac">
                                    计飞16:25
                                </div>
                                <div class="page_m patxt ub ub-ac ub-pc">
                                    2017/07/20
                                </div>
                                <div class="page_r patxt ub ub-ac ub-pe" >
                                    计到18:25
                                </div>
                            </div>
                            <div class="ub ub-ae" style="min-height:2em">
                                <div class="page_l patxt ub ub-ac" >
                                    预飞<i>16:25</i>
                                </div>
                                <div class="page_m patxt ub ub-ac ub-pc" >
                                    未起飞
                                </div>
                                <div class="page_r patxt ub ub-ac ub-pe" >
                                    预到<i>18:25</i>
                                </div>
                            </div>
                            <div class="ub ub-ae" style="min-height:2em">
                                <div class="page_l patxt ub ub-ac" >
                                    实飞<i>---</i>
                                </div>
                                <div class="page_m patxt ub ub-ac ub-pc" >
                                                    
                                </div>
                                <div class="page_r patxt ub ub-ac ub-pe" >
                                    实到<i>---</i>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="page_right ub ub-ver" >
                        <div class="cv_nums ub ub-ac ub-pc">
                                            
                        </div>
                        <div class="ub ub-ver ub-f1" >
                            <div class="ub ub-ac ub-pc" style="height:5.05em">
                                <p>5</p>
                            </div>
                            <div class="ub ub-ae ub-pc" style="font-size:.8em;height:2.1em">
                                    白金卡升舱
                            </div>
                        </div>
                    </div>
                </div>
                <div class="QX_tips ub ub-ver ub-ac ub-pc">
                    <div style="width:100%">
                        <p>前序: M501</p>
                    </div>
                    <div class="ub ub-ac" style="width:100%;padding:.5em 0">
                        <div style="width:30%">
                            预飞 09:10
                        </div>
                        <div style="width:30%">
                            2017/07/10
                        </div>
                        <div style="width:30%">
                            预到 10:20
                        </div>

                    </div>
                </div>
                <div class="change_btn ub ub-ac ub-pc">
                    <div style="width:60%" class="ub ub-ac">
                       <div style="width:35%" >
                           人工干预:
                       </div>
                        <div class="tab_ses ub ub-ac tab_on">
                            
                        </div>
                    </div>
                    <div style="width:40%;height:100%" class="ub ub-ac ub-pc">
                        <div style="width:50%">
                           升舱时间:
                        </div>
                        <div class="sc_time ub ub-ac ub-pc">
                            <div class="ub ub-ac ub-pc">
                                <i>16</i>
                            </div>
                             <div class="ub ub-ac ub-pc">
                                <i>50</i>
                            </div>
                        </div>
                    </div>
                </div>-->
            </div>

         
        </div>
        <!--一个遮罩层-->
        <div class="full_page">
       	</div>
        <!--右上方点击搜索时候 搜索框-->
        <div class="open_box">
        	<div class="city_search ub" style="min-height:4em">
        		<div class="ub ub-pc ub-ver" style="width:100%">
        			<i>选择航站</i>
        			<p class="strCity ub ub-ac" style="min-height:2em" CT_CODE=""></p>
        		</div>
        	</div>
        	<div class="times_search ub ub-ac ub-pj">
        		<div class="ub ub-ver" style="width:45%">
        			<i>起始时间</i>
        			<div class="ub ub-ac">

        				<div class="time_log">
        				</div>
        			
        				<div class="times_select" id="startDate" ST_D="">
        					
        				</div>
        			</div>
        		</div>
        		<div class="ub ub-ver ub-ae" style="width:45%">
        			<i>结束时间</i>
        			<div class="ub ub-ac ub-pe" style="width:100%">
        				<div class="time_log">
        				</div>

        				<div class="times_select" id="endDate" ED_D="">
        					
        				</div>
        			</div>
        		</div>
        	</div>
        	<div class="hb_search">
        		<div class="ub ub-ver ub-f1">
        			<i>航班号</i>
        			<div class="hb_num">
        				<input type="text=""" name="" value="" placeholder="请输入航班号">
        			</div>
        		</div>
        	</div>
        	<div class="btn_search ub ub ub-ver ub-ac ub-pc" style="border:none;min-height:8em">
                  <!--  <select id="select"> -->
                 <!--       <option value="W" selected="selected">未起飞航班</option>
                       <option value="Q">已起飞航班</option>
                       <option value="A">全部航班</option>
                   </select> -->
                    <div class="ub ub-ac" style="width:100%">
                        <div class="sear_select">
                            <select id="select">
                                <option value="W" >未起飞</option>
                                <option value="Q">已起飞</option>
                                <option value="A">全部</option>
                        </select>
                        </div>
                    </div> 
                     <div class="sear_b ub ub-ac ub-pc" style="margin-top:1em">搜索</div>
        	</div>
        </div>
        <!--右上方排序模态框-->
		<div class="pageSort ub ub-ver closePage">
			<div class="ub ub-f1 ub-ac ub-pc"  onclick="stdSort()">
				按计划时间
			</div>
            <div class="ub ub-f1 ub-ac ub-pc"  onclick="etdSort()">
                按预计时间
            </div>
		</div>
    </body>
    <script src="js/appcan.js"></script>
    <script src="js/appcan.control.js"></script>
    <script src="js/jquery-3.1.1.min.js"></script>
    <script src="js/bjscPage.js"></script>
 </body>
    <script>
        appcan.ready(function(){
             
        	var date=new Date();//默认当天时间;实例化一个时间对象
        	var year=date.getFullYear();
        	var month=date.getMonth()+1;
        	var day=date.getDate();
        	month=(month<10)?"0"+month:month;
        	day=(day<10)?"0"+day:day;
        	var times=year+"-"+month+"-"+day;
            //设置默认的航站
            appcan.locStorage.setVal("startDate",times);//默认当天时间
            appcan.locStorage.setVal("endDate",times);//默认当天时间;
            appcan.locStorage.setVal("FlightNo","");//默认不指定航班 查询满足条件的全部航班
            appcan.locStorage.setVal("isFly","W");//默认查询 未起飞航班；
            //初始页面 默认排序方式:
            appcan.locStorage.setVal("stdSort","asc");//页面默认按照计飞时间  升序
            appcan.locStorage.setVal("etdSort","");//预飞时间 默认不选择;
            var pageNo=1;
            appcan.locStorage.setVal("ready","true")
            $("#startDate").html(times);
            $("#endDate").html(times);
            FlightList(pageNo);//页面初始显示页面在第一页;
            pullToRefresh_loadMore();
            var cityCode=appcan.locStorage.getVal("deptAirport");
            var strCity=appcan.locStorage.getVal("strCity");
            if(cityCode==null){
                cityCode="SHA";
            }
            if(strCity==null){
                strCity="上海虹桥";
            }
            $(".strCity").text(strCity);
            $(".strCity").attr("CT_CODE",cityCode);
        });
        function closeSort(){
        	//点击页面主体结构 排序模态窗口关闭;
        	$(".pageSort").addClass("closePage");
        }
        /*白金卡升舱 页面初始数据 以及分页加载方法:-------*/
        var index=1;
        function pullToRefresh_loadMore(){

                appcan.window.setBounce({
                    bounceType: [0, 1], //弹动的类型,如果为多个请用数组,0：向下拖动，1:向上拖动;
                    startPullCall: function(type) { //开始滑动时触发回调
                    },
                    downEndCall: function(type){ //上拉超过边界或者下拉执行回调
                    },
                    upEndCall: function(type){ //上拉或者下拉,超出边界之后,恢复最初状态执行
                        setTimeout(function(){
                            appcan.window.resetBounceView(type);
                            var setBounce=appcan.locStorage.getVal("setBounce");
                            if(setBounce !== "true"){
                                if(!type){
                                        index=1;
                                        FlightList(1);
                                        appcan.locStorage.setVal("pullDown","true");

                                }else{
                                        index++;
                                        appcan.locStorage.setVal("setBounce","true");
                                        FlightList(index);
                                    
                                }
                            }else{
                                 //在没有请求数据成功的情况下 页面下拉或者上拉无效。。。
                                return false;
                            }
                           
                        },1000);
                    },
                    color: '#f0f0f0', // 如果超出了边界显示的背景颜色
                    imgSettings: {
                        // 如果超出了边界,并且想要设置 显示的内容包括图片文字则设置该参数
                        'imagePath': 'res://shuaxin.png',
                        'textColor': '#88c933',
                        'pullToReloadText': '拖动刷新...',
                        'releaseToReloadText': '释放刷新...',
                        "loadingText": '加载中,请稍等...'
                    }
                });
        }
        function onResume(){
                index=1;
                FlightList(index);
        }


 </script>
</html>